<!doctype html>
<html>
<head>
    <meta charset="UTF-8">
    <title>文件上传示例</title>
    <style>
        body {
            font-family:"Microsoft Yahei","Helvetica Neue",Helvetica,Arial,sans-serif;
            font-size:16px;
            padding:5px;
        }
        .form{
            padding: 15px;
            font-size: 16px;
        }

        .form .text {
            padding: 3px;
            margin:2px 10px;
            width: 240px;
            height: 24px;
            line-height: 28px;
            border: 1px solid #D4D4D4;
        }
        .form .btn{
            margin:6px;
            padding: 6px;
            width: 120px;

            font-size: 16px;
            border: 1px solid #D4D4D4;
            cursor: pointer;
            background:#eee;
        }
        .form .file{
            margin:6px;
            padding: 6px;
            width: 220px;

            font-size: 16px;
            border: 1px solid #D4D4D4;
            cursor: pointer;
            background:#eee;
        }

        a{
            color: #868686;
            cursor: pointer;
        }
        a:hover{
            text-decoration: underline;
        }
        h2{
            color: #4288ce;
            font-weight: 400;
            padding: 6px 0;
            margin: 6px 0 0;
            font-size: 28px;
            border-bottom: 1px solid #eee;
        }
        div{
            margin:8px;
        }
        .info{
            padding: 12px 0;
            border-bottom: 1px solid #eee;
        }

        .copyright{
            margin-top: 24px;
            padding: 12px 0;
            border-top: 1px solid #eee;
        }


    </style>
</head>
<body>
<h2>1、文件上传示例</h2>
<FORM method="post" enctype="multipart/form-data" class="form" action="{:url('up')}">
    选择文件：<INPUT type="file" class="file" name="file"><br/>
    <INPUT type="submit" class="btn" value=" 提交 ">
</FORM>

<h2>2、图像上传和处理示例</h2>
<form method="post" enctype="multipart/form-data" class="form" action="{:url('picture')}">
    选择图像文件：<input type="file" class="file" name="image"><br/>
    选择处理类型：<select name="type">
    <option value="1" selected>图片裁剪
    <option value="2">生成缩略图
    <option value="3">垂直翻转
    <option value="4">水平翻转
    <option value="5">图片旋转
    <option value="6">添加图片水印
    <option value="7">添加文字水印
</select><br/>
    <input type="submit" class="btn" value=" 提交 ">
</form>
</body>
</html>